<template>
  <a-carousel effect="fade">
    <div><h3>22222</h3></div>
    <div><h3>3</h3></div>
    <div><h3>4</h3></div>
  </a-carousel>
  <el-progress :text-inside="true" :stroke-width="24" :percentage="50" status="success"></el-progress>
</template>

<script>
import DemoAPI from "../api/demo/demo"
  export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data() {
    return {
      count: 0,
    }
  },
    mounted(){
    console.log(DemoAPI.test)
      DemoAPI.test().then(res=>{
         console.log(res)
       }).catch(err=>{
         console.log(err)
       })
    }
}
</script>
<style scoped>
  .ant-carousel ::v-deep(.slick-slide)  {
    text-align: center;
    height: 160px;
    line-height: 160px;
    background: #364d79;
    overflow: hidden;
  }

  .ant-carousel ::v-deep(.slick-slide h3)  {
    color: #fff;
  }
</style>
